/*
 *  Licensed to the Apache Software Foundation (ASF) under one
 *  or more contributor license agreements.  See the NOTICE file
 *  distributed with this work for additional information
 *  regarding copyright ownership.  The ASF licenses this file
 *  to you under the Apache License, Version 2.0 (the
 *  "License"); you may not use this file except in compliance
 *  with the License.  You may obtain a copy of the License at
 *
 *        http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing,
 *  software distributed under the License is distributed on an
 *  "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
 *  KIND, either express or implied.  See the License for the
 *  specific language governing permissions and limitations
 *  under the License.
 */
/*
Tabbed Panels should be implemented by subclassing TabbedPanel or its subclass, AjaxTabbedPanel
(both in org.apache.wicket.extensions.markup.html.tabs).

The HTML for TabbedPanel (as of 1.4.9) is as follows:

<div wicket:id="tabs-container" class="tab-row">
<ul>
	<li wicket:id="tabs">
		<a href="#" wicket:id="link"><span wicket:id="title">[[tab title]]</span></a>
	</li>
</ul>
</div>
<div wicket:id="panel" class="tab-panel">[panel]</div>

As can be seen, it defines the following CSS styles:

1) tab-row   : renders a bulleted list of tab titles 
2) tab-panel : a panel representing the content of the currently selected tab

The CSS below reflects these style names.  All are scoped under 'tabbedPanel', defined by Wicket Objects.
*/


div.tabbedPanel div.tab-row {
  float:left;
  width:100%;
  line-height:normal;
}

div.tabbedPanel div.tab-row ul {
  margin:0;
  padding:10px 10px 0;
  list-style:none;e
}
  
div.tabbedPanel div.tab-row li {
  float:left;
  /*background:url("tabs-left.gif") no-repeat left top;*/
  margin:0;
  padding:0 0 0 9px;
}
  
div.tabbedPanel div.tab-row a {
  display:block;
  padding:5px 15px 4px 6px;
  text-decoration:none;
  font-weight:bold;
  white-space:nowrap;
}
  
div.tab-panel {
	clear: left;
}
  
div.tabbedPanel div.tab-row a:hover {
  color:#00477F;
}
  
div.tabbedPanel div.tab-row a {
  color:#407098;
  background-color: #D7E7F5;
  padding-bottom:5px;
}


div.tabbedPanel div.tab-row li.selected a {
  color:#00477F;
  background-color: #EEEEEE;
  padding-bottom:5px;
 }
 
